<div class="layuimini-container">
    <div class="layuimini-main">
        <form id="app-form" class="layui-form layuimini-form">
            <div class="layui-form-item">
                <label class="layui-form-label">{:lang('user.avatar')}</label>
                <div class="layui-input-block layuimini-upload">
                    <input name="avatar" class="layui-input layui-col-xs6" lay-verify="required"
                           placeholder="{:lang('user.avatar_placeholder')}" value="{$row.avatar|default=''}">
                    <div class="layuimini-upload-btn">
                        <span><a class="layui-btn" data-upload="avatar"><i
                                class="fa fa-upload"></i> {:lang('common.btn_upload')}</a></span>
                        <span><a class="layui-btn layui-btn-normal" id="select_avatar" data-upload-select="avatar"><i
                                class="fa fa-list"></i> {:lang('common.btn_choose')}</a></span>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label required">{:lang('user.username')}</label>
                <div class="layui-input-block">
                    <input type="text" name="username" class="layui-input" readonly value="{$row.username|default=''}">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">{:lang('user.nickname')}</label>
                <div class="layui-input-block">
                    <input type="text" name="nickname" class="layui-input" lay-verify="required"
                           placeholder="{:lang('common.input')}{:lang('user.nickname')}"
                           value="{$row.nickname|default=''}">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">{:lang('user.mobile')}</label>
                <div class="layui-input-block">
                    <input type="text" name="mobile" class="layui-input" lay-verify="required"
                           placeholder="{:lang('common.input')}{:lang('user.mobile')}"
                           value="{$row.mobile|default=''}">
                </div>
            </div>

            <div class="hr-line"></div>
            <div class="layui-form-item text-center">
                <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit data-refresh="false">
                    {:lang('common.btn_confirm')}
                </button>
            </div>
        </form>
    </div>
</div>
<script>
    layui.use(['myCommon'], function () {
        layui.myCommon.listen();
    });
</script>